
<!DOCTYPE html>
<!--[if lt IE 7]>   <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>      <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>      <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>

		<meta charset="utf-8">
		<title>Summarize - Responsive Blog/Magazine</title>
		<meta name="description" content="">

		<!-- Mobile Devices Viewport Resset-->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
		<meta name="apple-mobile-web-app-capable" content="yes">

		<link rel="stylesheet" href="../vendor/bootstrap/css/bootstrap.min.css">

		<link rel="stylesheet" href="../vendor/font-awesome/css/font-awesome.min.css">
		<!--[if IE 8]>
			<link rel="stylesheet" href="../vendor/font-awesome/css/font-awesome-ie7.min.css">
		<![endif]-->

		<link rel="stylesheet" href="../vendor/prettyPhoto/css/prettyPhoto.css">

		<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700|Lato:300,400,700,400italic,700italic|Droid+Serif' rel='stylesheet' type='text/css'>

		<!-- base layout styling -->
		<link rel="stylesheet" href="../css/base.css">

		<!-- components styling -->
		<link rel="stylesheet" href="../css/components.css">
		
		<!-- template colorschemes -->
		<link rel="stylesheet" href="../colorschemes/light.css">

		<script src="../vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

	</head>
	<body>

		<h1 class="sr-only">Summarize</h1>
			
		<nav id="header" class="header-navbar" role="navigation">

			<div class="header-navbar-inner container">
			
				<div id="brand" class="navbar-brand">
					<a href="index.html" rel="bookmark">

						<!-- to disable lazy loading, remove data-src and data-src-retina -->
						<img src="../img/light-logo.png" data-src="../img/light-logo.png" data-src-retina="../img/logo-retina.png" width="244" height="56" alt="">

						<!--fallback for no javascript browsers-->
						<noscript>
							<img src="../img/light-logo.png" alt="">
						</noscript>
					</a>
				</div>

				<ul class="nav nav-pages hidden-xs">
					<li><a href="#">About</a></li>
					<li><a href="#">Contact</a></li>
					<li><a href="#">Advertise </a></li>
					<li><a href="#">Terms &amp; Conditions</a></li>
					<li><a href="#">Privacy</a></li>
				</ul>

				<ul class="nav nav-icons">
					<li>
						<a href="#" class="btn-icon" data-toggle=".header-navbar-inner" data-toggle-class="search-toggled-in">
							<span class="search-toggled-out-icon glyphicon glyphicon-search"></span>
							<span class="search-toggled-in-icon glyphicon glyphicon-remove"></span>
						</a>
					</li>
				</ul>

				<div class="search-wrapper js-stoppropagation">
					<div class="search-wrapper-inner">
						<form>
							<input type="text" value="" placeholder="search ... ">
							<button class="btn-icon" type="submit"><span class="glyphicon glyphicon-search"></span></button>
						</form>
					</div>
				</div>

				<ul class="nav navbar-nav">
					<li class="nav-all pull-right full-subnav-wrapper active">

						<a href="#" data-toggle="li"> 
							<span class="text">All Categories</span>
							<span class="toggle glyphicon glyphicon-align-justify"></span>
						</a>

						<div class="row subnav-wrapper">
							
							<div class="col-md-2 col-sm-2 bg-bar">
								<strong class="subnav-header">Pages</strong>
								<ul class="subnav-full">
									<li><a href="index.html">Blog 3 Columns</a></li>
									<li><a href="blog.html">Blog 2 Columns</a></li>
									<li><a href="blog-grids.html">Blog Grids</a></li>
									<li><a href="reviews.html">Reviews Archive</a></li>
									<li><a href="single.html">Single Blog</a></li>
									<li class="active"><a href="single-full.html">Single Blog (Full)</a></li>
									<li><a href="components.html">Components</a></li>
								</ul>
							</div>

							<div class="col-md-2 col-sm-2">
								<strong class="subnav-header">Colorschemes</strong>
								<ul class="subnav-full">
									<li><a href="../html/">Coolorize</a></li>
									<li><a href="../html-dark/">Dark</a></li>
									<li><a href="../html-light/">Light</a></li>
									<li><a href="#">Amet Commodo</a></li>
									<li><a href="#">Consectetur </a></li>
									<li><a href="#">Adipisicing</a></li>
									<li><a href="#">Duis aute </a></li>
								</ul>
							</div>

							<div class="col-md-2 col-sm-2">
								<strong class="subnav-header">Banner Placements</strong>
								<ul class="subnav-full">
									<li><a href="banner-index.html">Home</a></li>
									<li><a href="banner-single.html">Single</a></li>
									<li><a href="#">Ipsum  Nisi </a></li>
									<li><a href="#">Dolor Aliquip</a></li>
								</ul>
							</div>

							<div class="col-md-2 col-sm-2">
								<strong class="subnav-header">Category</strong>
								<ul class="subnav-full">
									<li><a href="#">Ipsum  Nisi </a></li>
									<li><a href="#">Dolor Aliquip</a></li>
									<li><a href="#">Amet Commodo</a></li>
									<li><a href="#">Consectetur </a></li>
								</ul>
							</div>

							<div class="col-md-2 col-sm-2">
								<strong class="subnav-header">Category</strong>
								<ul class="subnav-full">
									<li><a href="#">Consectetur </a></li>
									<li><a href="#">Adipisicing</a></li>
									<li><a href="#">Ipsum  Nisi </a></li>
									<li><a href="#">Dolor Aliquip</a></li>
								</ul>
							</div>

							<div class="col-md-2 col-sm-2">
								<strong class="subnav-header">Category</strong>
								<ul class="subnav-full">
									<li><a href="#">Ipsum  Nisi </a></li>
									<li><a href="#">Dolor Aliquip</a></li>
									<li><a href="#">Amet Commodo</a></li>
									<li><a href="#">Consectetur </a></li>
								</ul>
							</div>

						</div>
					</li>
					<li class="active">
						<a href="#" data-toggle="li">Features</a>
						<div class="subnav-wrapper">
							<ul class="subnav">
								<li><a href="index.html">Blog 3 Columns</a></li>
								<li><a href="blog.html">Blog 2 Columns</a></li>
								<li><a href="blog-grids.html">Blog Grids</a></li>
								<li><a href="reviews.html">Reviews Archive</a></li>
								<li class="active"><a href="single.html">Single Blog</a></li>
								<li><a href="single-full.html">Single Blog (Full)</a></li>
								<li><a href="components.html">Components</a></li>
								<li>
									<a href="#" data-toggle="li">Colorshemes</a>
									<div class="subnav-wrapper">
										<ul class="subnav">
											<li><a href="../html/">Coolorize</a></li>
											<li><a href="../html-dark/">Dark</a></li>
											<li><a href="../html-light/">Light</a></li>
										</ul>
									</div>
								</li>
								<li>
									<a href="#" data-toggle="li">Banner Placements</a>
									<div class="subnav-wrapper">
										<ul class="subnav">
											<li><a href="banner-index.html">Home</a></li>
											<li><a href="banner-single.html">Single</a></li>
										</ul>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li class="full-subnav-wrapper">
						<a href="#" data-toggle="li">Drop Down 2</a>

						<div class="row subnav-wrapper subnav-tabbed">
							
							<ul class="col-md-2 col-sm-2 subnav-tabbed-tabs alignright">
								
								<li class="active"><a href="#tabAll">All </a></li>
								<li><a href="#tabNotebook">Notebook</a></li>
								<li><a href="#tabSmartphone">Smartphone</a></li>
								
							</ul>

							<div class="col-md-10 col-sm-10 subnav-tabbed-panels">

								<div id="tabAll" class="subnav-tabbed-panel active">
									
									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
													<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_1.jpg" data-src-retina="../uploads/460x460_1.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_1.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_2.jpg" data-src-retina="../uploads/460x460_2.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_2.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>

									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_3.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_3.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_4.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_4.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>
									
								</div>
								<div id="tabNotebook" class="subnav-tabbed-panel">

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_2.jpg" data-src-retina="../uploads/460x460_2.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_2.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>

									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_3.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_3.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>

									
									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_4.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_4.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>
									
									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_5.jpg" data-src-retina="../uploads/460x460_5.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_5.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>

									
									</article>

								</div>
								<div id="tabSmartphone" class="subnav-tabbed-panel">

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_3.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_3.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_4.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_4.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>
									
									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_5.jpg" data-src-retina="../uploads/460x460_5.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_5.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>

									<article class="entry type-post style-thumbnail col-sm-3 col-md-3">

										<figure class="entry-thumbnail">
											<a href="single.html">
												<!-- to disable lazy loading, remove data-src and data-src-retina -->
												<img src="../img/placeholder.gif" data-src="../uploads/230x230_1.jpg" data-src-retina="../uploads/460x460_1.jpg" width="230" height="230" alt="">

												<!--fallback for no javascript browsers-->
												<noscript>
													<img src="../uploads/230x230_1.jpg" alt="">
												</noscript>
											</a>
										</figure>

										<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis iste natus error sit voluptatem.</a> </h3>
									
									</article>

								</div>

							</div>

						</div>

					</li>
					<li>
						<a href="#" data-toggle="li">Drop Down 3</a>

						<div class="subnav-wrapper">
							<ul class="subnav-entries">
								<li><a href="#">Recent Entry fits in this type of dropdown. </a></li>
								<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipisicing elit </a></li>
								<li><a href="#">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua </a></li>
								<li><a href="#">Ut enim ad minim veniam, quis nostrud exercitation ullamco </a></li>
								<li><a href="#">Laboris nisi ut aliquip ex ea commodo consequat. </a></li>
								<li><a href="#">Duis aute irure dolor in reprehenderit</a></li>
								<li><a href="#">In voluptate velit esse cillum dolore eu fugiat nulla pariatur</a></li>
								<li><a href="#">Excepteur sint occaecat cupidatat non proident</a></li>
								<li><a href="#">Sunt in culpa qui officia deserunt mollit anim id est laborum</a></li>
							</ul>
						</div>

					</li>
					<li><a href="#">Category 1</a></li>
					<li><a href="#">Category 2</a></li>
					<li><a href="#">Category 3</a></li>
					<li><a href="#">Category 4</a></li>
					<li><a href="#">Category 5</a></li>
					<li><a href="#">Category 6</a></li>
					<li><a href="#">Category 7</a></li>
				</ul>

			</div>

		</nav>

		<div id="main" class="container">

			<div class="section section-no-margin-bottom row entries bg-primary">

				<article class="entry style-grid style-hero hero-nav type-post col-xs-6 col-sm-6">
					
					<a href="single.html">

						<header class="entry-header">
							<p class="small">Previous Story</p>
							<h3 class="entry-title">Rumor: The long awaited update for Retina Display is ready to be annaunced on the next event held by them</h3>
						</header>

						<figure class="entry-thumbnail">

							<div class="overlay overlay-primary"></div>

							<!-- to disable lazy loading, remove data-src and data-src-retina -->
							<img src="../img/placeholder.gif" data-src="../uploads/480x280_1.jpg" data-src-retina="../uploads/720x420_1.jpg" width="480" height="280" alt="">

							<!--fallback for no javascript browsers-->
							<noscript>
								<img src="../uploads/480x280_1.jpg" alt="">
							</noscript>

						</figure>

					</a> 

				</article>

				<article class="entry style-grid style-hero hero-nav type-post col-xs-6 col-sm-6">
					
					<a href="single-full.html">

						<header class="entry-header">
							<p class="small">Next Story</p>
							<h3 class="entry-title">Click here to see single blog post in full mode sit voluptatem accusantium doloremque laudantium</h3>
						</header>

						<figure class="entry-thumbnail">

							<div class="overlay overlay-primary"></div>

							<!-- to disable lazy loading, remove data-src and data-src-retina -->
							<img src="../img/placeholder.gif" data-src="../uploads/480x280_3.jpg" data-src-retina="../uploads/720x420_3.jpg" width="480" height="280" alt="">

							<!--fallback for no javascript browsers-->
							<noscript>
								<img src="../uploads/480x280_3.jpg" alt="">
							</noscript>

						</figure>

					</a> 

				</article>

			</div>

			<div id="content" class="content section row">

				<div class="col-md-8 bg-base col-lg-8 col-xl-9">

					<div class="ribbon ribbon-highlight">
						<ol class="breadcrumb ribbon-inner">
							<li><a href="#">Home</a></li>
							<li><a href="#">Social Media</a></li>
							<li class="active" title="Postman will send notifications to your flashy smartphone about popular people and their latest shouts">Postman will send notifications ...</li>
						</ol>
					</div>
					
					<header class="page-header">
						
						<div class="page-meta pull-right hidden-xs">
							<a href="#comments">
								<span class="comments-count-balloon bg-primary">123<em>Comments</em></span>
							</a>
						</div>

						<h2 class="page-title">
							Postman will send notifications to your flashy smartphone about popular people and their latest shouts.
						</h2>

					</header>

					<article class="entry style-single type-post">
						
						<figure class="entry-thumbnail">

							<!-- to disable lazy loading, remove data-src and data-src-retina -->
							<img src="../img/placeholder.gif" data-src="../uploads/680x452_4.jpg" data-src-retina="../uploads/1024x680_4.jpg" width="680" height="452" alt="">

							<!--fallback for no javascript browsers-->
							<noscript>
								<img src="../uploads/680x452_4.jpg" alt="">
							</noscript>

						</figure>

						<div class="entry-meta indented">
							<span class="author">by <a href="blog.html">John Doe</a></span>
							<span class="entry-date"><a href="blog.html">on <time datetime="2013-07-04T23:26:34+00:00">September 20 2013</time></a></span>
							<span class="category">In <a href="blog.html">Social Media</a></span>
						</div>

						<div class="entry-content indented">

							<p class="lead">
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
							</p>
							<div class="bg-page flushed-left ad-wrapper">
						
								<div class="ad-inner">
									<div class="ad ad-410x125">
										<a href="https://wrapbootstrap.com/e" rel="nofollow"><img src="http://placehold.it/410x125&amp;text=410x125%20banner" alt=""></a>
									</div>
								</div>

							</div>
							<p>
								Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui.
							</p>

							<blockquote class="pulled-left">
								<p>Better to remain silent and be thought a fool than to speak out and remove all doubt, <small> Abraham Lincoln</small></p>
							</blockquote>
							<p>
								At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
							</p>

							<!-- 
							sample for adding full image
							<figure class="image image-full">

								<img src="../img/placeholder.gif" data-src="../uploads/680x452_2.jpg" data-src-retina="../uploads/1024x680_4.jpg" width="680" height="452" alt="">

								<noscript>
									<img src="../uploads/680x452_2.jpg" alt="">
								</noscript>

							</figure> -->

							<div class="gallery bg-page flushed-left">

								<!-- <h4 class="gallery-title">Gallery</h4> -->

								<div class="row">

									<div class="col-xs-3 col-sm-2">
										<a href="../uploads/460x460_7.jpg" title="Image 1" class="thumbnail" data-rel="prettyPhoto[gallery]">

											<!-- to disable lazy loading, remove data-src and data-src-retina -->
											<img src="../img/placeholder.gif" data-src="../uploads/80x80_1.jpg" data-src-retina="../uploads/160x160_1.jpg" width="80" height="80" alt="">

											<!--fallback for no javascript browsers-->
											<noscript>
												<img src="../uploads/80x80_1.jpg" alt="">
											</noscript>

										</a>
									</div><!--/.col-xs-2.col-sm-2-->

									<div class="col-xs-3 col-sm-2">
										<a href="../uploads/460x460_8.jpg" title="Image 2" class="thumbnail" data-rel="prettyPhoto[gallery]">

											<!-- to disable lazy loading, remove data-src and data-src-retina -->
											<img src="../img/placeholder.gif" data-src="../uploads/80x80_2.jpg" data-src-retina="../uploads/160x160_2.jpg" width="80" height="80" alt="">

											<!--fallback for no javascript browsers-->
											<noscript>
												<img src="../uploads/80x80_2.jpg" alt="">
											</noscript>

										</a>
									</div><!--/.col-xs-2.col-sm-2-->

									<div class="col-xs-3 col-sm-2">
										<a href="../uploads/460x460_9.jpg" title="Image 3" class="thumbnail" data-rel="prettyPhoto[gallery]">

											<!-- to disable lazy loading, remove data-src and data-src-retina -->
											<img src="../img/placeholder.gif" data-src="../uploads/80x80_3.jpg" data-src-retina="../uploads/160x160_3.jpg" width="80" height="80" alt="">

											<!--fallback for no javascript browsers-->
											<noscript>
												<img src="../uploads/80x80_3.jpg" alt="">
											</noscript>

										</a>
									</div><!--/.col-xs-2.col-sm-2-->

									<div class="col-xs-3 col-sm-2">
										<a href="../uploads/460x460_10.jpg" title="Image 4" class="thumbnail" data-rel="prettyPhoto[gallery]">

											<!-- to disable lazy loading, remove data-src and data-src-retina -->
											<img src="../img/placeholder.gif" data-src="../uploads/80x80_4.jpg" data-src-retina="../uploads/160x160_4.jpg" width="80" height="80" alt="">

											<!--fallback for no javascript browsers-->
											<noscript>
												<img src="../uploads/80x80_4.jpg" alt="">
											</noscript>

										</a>
									</div><!--/.col-xs-2.col-sm-2-->

									<div class="col-xs-3 col-sm-2">
										<a href="../uploads/460x460_11.jpg" title="Image 5" class="thumbnail" data-rel="prettyPhoto[gallery]">

											<!-- to disable lazy loading, remove data-src and data-src-retina -->
											<img src="../img/placeholder.gif" data-src="../uploads/80x80_5.jpg" data-src-retina="../uploads/160x160_5.jpg" width="80" height="80" alt="">

											<!--fallback for no javascript browsers-->
											<noscript>
												<img src="../uploads/80x80_5.jpg" alt="">
											</noscript>

										</a>
									</div><!--/.col-xs-2.col-sm-2-->

									<div class="col-xs-3 col-sm-2">
										<a href="../uploads/460x460_12.jpg" title="Image 6" class="thumbnail" data-rel="prettyPhoto[gallery]">

											<!-- to disable lazy loading, remove data-src and data-src-retina -->
											<img src="../img/placeholder.gif" data-src="../uploads/80x80_6.jpg" data-src-retina="../uploads/160x160_6.jpg" width="80" height="80" alt="">

											<!--fallback for no javascript browsers-->
											<noscript>
												<img src="../uploads/80x80_6.jpg" alt="">
											</noscript>

										</a>
									</div><!--/.col-xs-2.col-sm-2-->

									<div class="col-xs-3 col-sm-2">
										<a href="../uploads/460x460_13.jpg" title="Image 7" class="thumbnail" data-rel="prettyPhoto[gallery]">

											<!-- to disable lazy loading, remove data-src and data-src-retina -->
											<img src="../img/placeholder.gif" data-src="../uploads/80x80_7.jpg" data-src-retina="../uploads/160x160_7.jpg" width="80" height="80" alt="">

											<!--fallback for no javascript browsers-->
											<noscript>
												<img src="../uploads/80x80_7.jpg" alt="">
											</noscript>

										</a>
									</div><!--/.col-xs-2.col-sm-2-->

									<div class="col-xs-3 col-sm-2">
										<a href="../uploads/460x460_14.jpg" title="Image 8" class="thumbnail" data-rel="prettyPhoto[gallery]">

											<!-- to disable lazy loading, remove data-src and data-src-retina -->
											<img src="../img/placeholder.gif" data-src="../uploads/80x80_8.jpg" data-src-retina="../uploads/160x160_8.jpg" width="80" height="80" alt="">

											<!--fallback for no javascript browsers-->
											<noscript>
												<img src="../uploads/80x80_8.jpg" alt="">
											</noscript>

										</a>
									</div><!--/.col-xs-2.col-sm-2-->

									<div class="col-xs-3 col-sm-2">
										<a href="../uploads/460x460_15.jpg" title="Image 9" class="thumbnail" data-rel="prettyPhoto[gallery]">

											<!-- to disable lazy loading, remove data-src and data-src-retina -->
											<img src="../img/placeholder.gif" data-src="../uploads/80x80_9.jpg" data-src-retina="../uploads/160x160_9.jpg" width="80" height="80" alt="">

											<!--fallback for no javascript browsers-->
											<noscript>
												<img src="../uploads/80x80_9.jpg" alt="">
											</noscript>

										</a>
									</div><!--/.col-xs-2.col-sm-2-->

									<div class="col-xs-3 col-sm-2">
										<a href="../uploads/460x460_16.jpg" title="Image 10" class="thumbnail" data-rel="prettyPhoto[gallery]">

											<!-- to disable lazy loading, remove data-src and data-src-retina -->
											<img src="../img/placeholder.gif" data-src="../uploads/80x80_10.jpg" data-src-retina="../uploads/160x160_10.jpg" width="80" height="80" alt="">

											<!--fallback for no javascript browsers-->
											<noscript>
												<img src="../uploads/80x80_10.jpg" alt="">
											</noscript>

										</a>
									</div><!--/.col-xs-2.col-sm-2-->

									<div class="col-xs-3 col-sm-2">
										<a href="../uploads/460x460_7.jpg" title="Image 10" class="thumbnail" data-rel="prettyPhoto[gallery]">

											<!-- to disable lazy loading, remove data-src and data-src-retina -->
											<img src="../img/placeholder.gif" data-src="../uploads/80x80_1.jpg" data-src-retina="../uploads/160x160_1.jpg" width="80" height="80" alt="">

											<!--fallback for no javascript browsers-->
											<noscript>
												<img src="../uploads/80x80_1.jpg" alt="">
											</noscript>

										</a>
									</div><!--/.col-xs-2.col-sm-2-->

									<div class="col-xs-3 col-sm-2">
										<a href="../uploads/460x460_8.jpg" title="Image 2" class="thumbnail" data-rel="prettyPhoto[gallery]">

											<!-- to disable lazy loading, remove data-src and data-src-retina -->
											<img src="../img/placeholder.gif" data-src="../uploads/80x80_2.jpg" data-src-retina="../uploads/160x160_2.jpg" width="80" height="80" alt="">

											<!--fallback for no javascript browsers-->
											<noscript>
												<img src="../uploads/80x80_2.jpg" alt="">
											</noscript>

										</a>
									</div><!--/.col-xs-2.col-sm-2-->

								</div><!--/.row-->

							</div><!--/.gallery-->

							<h3>Verdict</h3>
							<p>
								At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
							</p>

							<h3>Score</h3>
							<ul class="entries">
								<li class="entry style-score-widget">
									<div class="score-value">81</div>
									<div class="score-label entry-title"><a href="single-full.html">Design</a></div>
									<div class="progress">
										<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 81%;">
										</div>
									</div>
								</li>
								<li class="entry style-score-widget">
									<div class="score-value">80</div>
									<div class="score-label entry-title"><a href="single-full.html">Functionality</a></div>
									<div class="progress">
										<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
										</div>
									</div>
								</li>
								<li class="entry style-score-widget">
									<div class="score-value">76</div>
									<div class="score-label entry-title"><a href="single-full.html">Performance</a></div>
									<div class="progress">
										<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
										</div>
									</div>
								</li>
							</ul>


						</div>

					</article>

					<div class="after-entry indented">

						<aside class="widget ad-wrapper row">


							<div class="ad-inner col-sm-6">
								<div class="ad ad-200x125">
									<a href="https://wrapbootstrap.com/e" rel="nofollow"><img src="http://placehold.it/200x125&amp;text=200x125%20banner" alt=""></a>
								</div>
							</div>
							
							<div class="ad-inner col-sm-6">
								<div class="ad ad-200x125">
									<a href="https://wrapbootstrap.com/e" rel="nofollow"><img src="http://placehold.it/200x125&amp;text=200x125%20banner" alt=""></a>
								</div>
							</div>

						</aside>

						<hr>

						<aside class="widget post-tags">
							<i class="icon-tags"></i> Tags:
							<a href="#"> Some</a>
							<a href="#"> Goes</a>
							<a href="#"> Here</a>
							<a href="#"> For</a>
							<a href="#"> Sure</a>
						</aside> 

						<hr>

						<aside class="widget widget-author media">
							
							<figure class="entry-author-avatar media-object avatar pull-left">
								<!-- to disable lazy loading, remove data-src and data-src-retina -->
								<img src="../img/placeholder.gif" data-src="../uploads/230x230_4.jpg" data-src-retina="../uploads/460x460_4.jpg" width="230" height="230" class="img-circle" alt="">

								<!--fallback for no javascript browsers-->
								<noscript>
									<img src="../uploads/230x230_4.jpg" alt="">
								</noscript>
							</figure>

							<div class="media-body">
								<h4 class="entry-author-name">By <a href="blog.html">John Doe</a></h4>

								<p>
									Deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. 
								</p>

							</div>

						</aside>

						<hr>

						<aside class="widget">

							<h4 class="widget-title">Related Posts</h4>

							<div class="entries row">

								<article class="entry type-post style-thumbnail col-xs-3 col-sm-3">

									<figure class="entry-thumbnail">
										<!-- to disable lazy loading, remove data-src and data-src-retina -->
										<img src="../img/placeholder.gif" data-src="../uploads/230x230_1.jpg" data-src-retina="../uploads/460x460_1.jpg" width="230" height="230" alt="">

										<!--fallback for no javascript browsers-->
										<noscript>
											<img src="../uploads/230x230_1.jpg" alt="">
										</noscript>
									</figure>

									<h3 class="entry-title"><a href="single.html">Sed ut perspiciatis unde omnis.</a> </h3>

										
								</article>

								<article class="entry type-post style-thumbnail col-xs-3 col-sm-3">

									<figure class="entry-thumbnail">
										<!-- to disable lazy loading, remove data-src and data-src-retina -->
										<img src="../img/placeholder.gif" data-src="../uploads/230x230_2.jpg" data-src-retina="../uploads/460x460_2.jpg" width="230" height="230" alt="">

										<!--fallback for no javascript browsers-->
										<noscript>
											<img src="../uploads/230x230_2.jpg" alt="">
										</noscript>
									</figure>

									<h3 class="entry-title"><a href="single.html">Oomnis iste natus error sit voluptatem.</a> </h3>

									
								</article>

								<article class="entry type-post style-thumbnail col-xs-3 col-sm-3">

									<figure class="entry-thumbnail">
										<!-- to disable lazy loading, remove data-src and data-src-retina -->
										<img src="../img/placeholder.gif" data-src="../uploads/230x230_3.jpg" data-src-retina="../uploads/460x460_3.jpg" width="230" height="230" alt="">

										<!--fallback for no javascript browsers-->
										<noscript>
											<img src="../uploads/230x230_3.jpg" alt="">
										</noscript>
									</figure>

									<h3 class="entry-title"><a href="single.html">Temporibus autem quibusdam.</a> </h3>

									
								</article>

								<article class="entry type-post style-thumbnail col-xs-3 col-sm-3">

									<figure class="entry-thumbnail">
										<!-- to disable lazy loading, remove data-src and data-src-retina -->
										<img src="../img/placeholder.gif" data-src="../uploads/230x230_5.jpg" data-src-retina="../uploads/460x460_5.jpg" width="230" height="230" alt="">

										<!--fallback for no javascript browsers-->
										<noscript>
											<img src="../uploads/230x230_5.jpg" alt="">
										</noscript>
									</figure>

									<h3 class="entry-title"><a href="single.html">Siste natus error sit voluptatem.</a> </h3>

									
								</article>

							</div>

						</aside>

						<hr>

						<aside class="widget">
							Share:
							<a href="#" class="" onclick="window.open(
								'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href), 
								'facebook-share-dialog', 
								'width=626,height=436'); 
								return false;"><span class="icon-stack"><i class="icon-sign-blank icon-stack-base"></i><i class="icon-facebook icon-light"></i></span></a>
							<a href="#" class="" onclick="window.open(
								'http://twitter.com/home?status='+encodeURIComponent(location.href), 
								'facebook-share-dialog', 
								'width=626,height=436'); 
								return false;"><span class="icon-stack"><i class="icon-sign-blank icon-stack-base"></i><i class="icon-twitter icon-light"></i></span></a>
							<a href="#" class="" onclick="window.open(
								'https://plus.google.com/share?url='+encodeURIComponent(location.href), 
								'facebook-share-dialog', 
								'width=500,height=436'); 
								return false;"><span class="icon-stack"><i class="icon-sign-blank icon-stack-base"></i><i class="icon-google-plus icon-light"></i></span></a>
							<a href="#" class="" onclick="javascript:void((function(){var e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());"><span class="icon-stack"><i class="icon-sign-blank icon-stack-base"></i><i class="icon-pinterest icon-light"></i></span></a>
						</aside> 

					</div>
					
					<div id="comments" class="comments-area indented">

						<h4 class="comments-title">Comments</h4>

						<ol class="media-list comment-list">
							<li class="media comment">

								<img src="http://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=74" width="74" height="74" alt="" class="avatar media-object pull-left img-circle">

								<div class="media-body">

									<h4 class="media-heading author-vcard">
										<cite class="fn"><a href="#" rel="external nofollow" class="url">Mr John Doe</a></cite> 
										<span class="comment-meta commentmetadata">on <a href="#">July 8, 2013 at 7:46 am</a></span>
									</h4>
									<p>Hi, this is a comment. enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>

								</div>

								<ol class="media-list">

									<li class="media comment">

										<img src="http://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=74" width="74" height="74" alt="" class="avatar media-object pull-left img-circle">

										<div class="media-body">

											<h4 class="media-heading author-vcard">
												<cite class="fn"><a href="#" rel="external nofollow" class="url">Mr John Doe</a></cite> 
												<span class="comment-meta commentmetadata"> on <a href="#">July 8, 2013 at 7:46 am</a></span>
											</h4>

											<p>Hi, this is a comment. enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>

										</div>

									</li>

									<li class="media comment">

										<img src="http://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=74" width="74" height="74" alt="" class="avatar media-object pull-left img-circle">

										<div class="media-body">

											<h4 class="media-heading author-vcard">
												<cite class="fn"><a href="#" rel="external nofollow" class="url">Mr John Doe</a></cite> 
												<span class="comment-meta commentmetadata"> on <a href="#">July 8, 2013 at 7:46 am</a></span>
											</h4>

											<p>Hi, this is a comment. enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>

										</div>

										<ol class="media-list">
											<li class="media comment">

												<img src="http://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=74" width="74" height="74" alt="" class="avatar media-object pull-left img-circle">

												<div class="media-body">

													<h4 class="media-heading author-vcard">
														<cite class="fn"><a href="#" rel="external nofollow" class="url">Mr John Doe</a></cite> 
														<span class="comment-meta commentmetadata">on <a href="#">July 8, 2013 at 7:46 am</a></span>
													</h4>

													<p>Hi, this is a comment. enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>
												</div>

											</li>

											<li class="media comment">

												<img src="http://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=74" width="74" height="74" alt="" class="avatar media-object pull-left img-circle">

												<div class="media-body">

													<h4 class="media-heading author-vcard">
														<cite class="fn"><a href="#" rel="external nofollow" class="url">Mr John Doe</a></cite> 
														<span class="comment-meta commentmetadata">on <a href="#">July 8, 2013 at 7:46 am</a></span>
													</h4>

													<p>Hi, this is a comment. enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>
												</div>

											</li>

										</ol>

									</li>

								</ol>

							</li>
							<li class="media comment">

								<img src="http://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=74" width="74" height="74" alt="" class="avatar media-object pull-left img-circle">

								<div class="media-body">

									<h4 class="media-heading author-vcard">
										<cite class="fn"><a href="#" rel="external nofollow" class="url">Mr John Doe</a></cite> 
										<span class="comment-meta commentmetadata">on <a href="#">July 8, 2013 at 7:46 am</a></span>
									</h4>
									<p>Hi, this is a comment. enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>

								</div>

							</li>
							<li class="media comment">

								<img src="http://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=74" width="74" height="74" alt="" class="avatar media-object pull-left img-circle">

								<div class="media-body">
													
									<h4 class="media-heading author-vcard">
										<cite class="fn"><a href="#" rel="external nofollow" class="url">Mr John Doe</a></cite> 
										<span class="comment-meta commentmetadata">on <a href="#">July 8, 2013 at 7:46 am</a></span>
									</h4>
									<p>Hi, this is a comment. enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>

								</div>

							</li>
						</ol>

						<div id="respond" class="comments-respond">

							<h3 id="reply-title" class="comment-reply-title">Leave a Reply</h3>

							<form action="#" class="form-inline row" method="post" id="commentform">

								<div class="form-group col-lg-4 col-md-4 col-sm-4 col-xs-12">
									<label class="sr-only" for="inputName">Name</label>
									<input class="form-control" id="inputName" name="author" type="text" value="" aria-required="true" placeholder="Your Name">
								</div>

								<div class="form-group col-lg-4 col-md-4 col-sm-4 col-xs-12">
									<label class="sr-only" for="inputEmail">Email</label>
									<input class="form-control" id="inputEmail" name="author" type="text" value="" aria-required="true" placeholder="Your Email">
								</div>

								<div class="form-group col-lg-4 col-md-4 col-sm-4 col-xs-12">
									<label class="sr-only" for="inputWebsite">Website</label>
									<input class="form-control" id="inputWebsite" name="author" type="text" value="" aria-required="true" placeholder="Your Website">
								</div>

								<div class="form-group col-lg-12 col-md-12 col-sm-12">
									<label class="sr-only" for="inputMessage">Message</label>
									<textarea class="form-control" id="inputMessage" name="message" rows="8" aria-required="true" placeholder="Your Message"></textarea>
								</div>

								<div class="form-group col-lg-12 col-md-12 col-sm-12">
									<button class="btn btn-primary" name="submit" id="submit">Send Message</button>
								</div>

							</form>

						</div><!-- #respond -->

					</div><!--/#comments-->

				</div><!--/.col-md-8.col-lg-8.col-xl-9-->

				<div class="sidebar col-md-4 col-lg-4 col-xl-3">

					<aside class="widget">

						<h2 class="widget-title ribbon"><span>Featured Posts</span></h2>

						<div class="entries row">

							<article class="type-post style-media-list media col-sm-6 col-md-12">

								<!-- to disable lazy loading, remove data-src and data-src-retina -->
								<img src="../img/placeholder.gif" data-src="../uploads/80x80_1.jpg" data-src-retina="../uploads/160x160_2.jpg" width="80" height="80" class="media-object pull-left" alt="">

								<!--fallback for no javascript browsers-->
								<noscript>
									<img src="../uploads/80x80_1.jpg" alt="">
								</noscript>

								<div class="media-body">
									<h3  class="entry-title">
										<a href="single.html" rel="bookmark">Ullamco laboris nisi ut aliquip ex ea commodo consequat.</a>
									</h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html">on <time datetime="2013-07-04T23:26:34+00:00">September 20 2013</time></a></span>
										<span class="category">In <a href="blog.html">Technology</a></span>
									</div>
								</div>

							</article>

							<article class="type-post style-media-list media col-sm-6 col-md-12">

								<!-- to disable lazy loading, remove data-src and data-src-retina -->
								<img src="../img/placeholder.gif" data-src="../uploads/80x80_2.jpg" data-src-retina="../uploads/160x160_2.jpg" width="80" height="80" class="media-object pull-left" alt="">

								<!--fallback for no javascript browsers-->
								<noscript>
									<img src="../uploads/80x80_2.jpg" alt="">
								</noscript>

								<div class="media-body">
									<h3  class="entry-title">
										<a href="single.html" rel="bookmark">Duis aute irure dolor in reprehenderit in voluptate velit esse.</a>
									</h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html">on <time datetime="2013-07-04T23:26:34+00:00">September 20 2013</time></a></span>
										<span class="category">In <a href="blog.html">Technology</a></span>
									</div>
								</div>

							</article>

							<article class="type-post style-media-list media col-sm-6 col-md-12">

								<!-- to disable lazy loading, remove data-src and data-src-retina -->
								<img src="../img/placeholder.gif" data-src="../uploads/80x80_3.jpg" data-src-retina="../uploads/160x160_2.jpg" width="80" height="80" class="media-object pull-left" alt="">

								<!--fallback for no javascript browsers-->
								<noscript>
									<img src="../uploads/80x80_3.jpg" alt="">
								</noscript>

								<div class="media-body">
									<h3  class="entry-title">
										<a href="single.html" rel="bookmark">Excepteur sint occaecat cupidatat non proident.</a>
									</h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html">on <time datetime="2013-07-04T23:26:34+00:00">September 20 2013</time></a></span>
										<span class="category">In <a href="blog.html">Technology</a></span>
									</div>
								</div>

							</article>

							<article class="type-post style-media-list media col-sm-6 col-md-12">

								<!-- to disable lazy loading, remove data-src and data-src-retina -->
								<img src="../img/placeholder.gif" data-src="../uploads/80x80_4.jpg" data-src-retina="../uploads/160x160_2.jpg" width="80" height="80" class="media-object pull-left" alt="">

								<!--fallback for no javascript browsers-->
								<noscript>
									<img src="../uploads/80x80_4.jpg" alt="">
								</noscript>

								<div class="media-body">
									<h3  class="entry-title">
										<a href="single.html" rel="bookmark">Ullamco laboris nisi ut aliquip ex ea commodo consequat.</a>
									</h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html">on <time datetime="2013-07-04T23:26:34+00:00">September 20 2013</time></a></span>
										<span class="category">In <a href="blog.html">Technology</a></span>
									</div>
								</div>

							</article>

							<article class="type-post style-media-list media col-sm-6 col-md-12">

								<!-- to disable lazy loading, remove data-src and data-src-retina -->
								<img src="../img/placeholder.gif" data-src="../uploads/80x80_5.jpg" data-src-retina="../uploads/160x160_2.jpg" width="80" height="80" class="media-object pull-left" alt="">

								<!--fallback for no javascript browsers-->
								<noscript>
									<img src="../uploads/80x80_5.jpg" alt="">
								</noscript>

								<div class="media-body">
									<h3  class="entry-title">
										<a href="single.html" rel="bookmark">Duis aute irure dolor in reprehenderit in voluptate velit esse.</a>
									</h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html">on <time datetime="2013-07-04T23:26:34+00:00">September 20 2013</time></a></span>
										<span class="category">In <a href="blog.html">Technology</a></span>
									</div>
								</div>

							</article>

						</div>

					</aside><!--/.widget-->

					<aside id="reviewCarousel" class="widget carousel slide">

						<h2 class="widget-title ribbon"><span>Latest Review</span></h2>

						<div class="carousel-inner">
							<div class="item active">

								<article class="entry style-grid style-review type-post">
					
									<header class="entry-header">
										<h3 class="entry-title"><a href="single.html">xPhone 5s Review</a> </h3>
										<p class="small">Excepteur sint occaecat cupidatat non proident</p>
									</header>

									<div class="style-review-score">
										81
									</div>
												
									<figure class="entry-thumbnail">

										<a href="single.html" class="overlay overlay-primary"></a>

										<!-- to disable lazy loading, remove data-src and data-src-retina -->
										<img src="../img/placeholder.gif" data-src="../uploads/480x280_2.jpg" data-src-retina="../uploads/720x420_2.jpg" width="480" height="280" alt="">

										<!--fallback for no javascript browsers-->
										<noscript>
											<img src="../uploads/720x420_2.jpg" alt="">
										</noscript>

									</figure>

								</article>

							</div><!--/.item.active-->

							<div class="item">
								
								<article class="entry style-grid style-review type-post">
					
									<header class="entry-header">
										<h3 class="entry-title"><a href="single.html">xPhone 5s Review</a> </h3>
										<p class="small">Excepteur sint occaecat cupidatat non proident</p>
									</header>

									<div class="style-review-score">
										80
									</div>
												
									<figure class="entry-thumbnail">

										<a href="single.html" class="overlay overlay-primary"></a>

										<!-- to disable lazy loading, remove data-src and data-src-retina -->
										<img src="../img/placeholder.gif" data-src="../uploads/480x280_3.jpg" data-src-retina="../uploads/720x420_3.jpg" width="480" height="280" alt="">

										<!--fallback for no javascript browsers-->
										<noscript>
											<img src="../uploads/720x420_3.jpg" alt="">
										</noscript>

									</figure>

								</article>

							</div><!--/.item.active-->

						</div><!--/.carousel-inner-->

						<a class="left carousel-control" href="#reviewCarousel" data-slide="prev">
							<span class="icon icon-angle-left"></span>
						</a>
						<a class="right carousel-control" href="#reviewCarousel" data-slide="next">
							<span class="icon icon-angle-right"></span>
						</a>

					</aside><!--/.widget.carousel-->
					
					<aside class="widget">

						<h2 class="widget-title ribbon"><span>What's Hot</span></h2>

						<div class="entries row">

							<article class="type-post style-media-list media col-sm-6 col-md-12">

								<!-- to disable lazy loading, remove data-src and data-src-retina -->
								<img src="../img/placeholder.gif" data-src="../uploads/80x80_1.jpg" data-src-retina="../uploads/160x160_2.jpg" width="80" height="80" class="media-object pull-left" alt="">

								<!--fallback for no javascript browsers-->
								<noscript>
									<img src="../uploads/80x80_1.jpg" alt="">
								</noscript>

								<div class="media-body">
									<h3  class="entry-title">
										<a href="single.html" rel="bookmark">Ullamco laboris nisi ut aliquip ex ea commodo consequat.</a>
									</h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html">on <time datetime="2013-07-04T23:26:34+00:00">September 20 2013</time></a></span>
										<span class="category">In <a href="blog.html">Technology</a></span>
									</div>
								</div>

							</article>

							<article class="type-post style-media-list media col-sm-6 col-md-12">

								<!-- to disable lazy loading, remove data-src and data-src-retina -->
								<img src="../img/placeholder.gif" data-src="../uploads/80x80_2.jpg" data-src-retina="../uploads/160x160_2.jpg" width="80" height="80" class="media-object pull-left" alt="">

								<!--fallback for no javascript browsers-->
								<noscript>
									<img src="../uploads/80x80_2.jpg" alt="">
								</noscript>

								<div class="media-body">
									<h3  class="entry-title">
										<a href="single.html" rel="bookmark">Duis aute irure dolor in reprehenderit in voluptate velit esse.</a>
									</h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html">on <time datetime="2013-07-04T23:26:34+00:00">September 20 2013</time></a></span>
										<span class="category">In <a href="blog.html">Technology</a></span>
									</div>
								</div>

							</article>

							<article class="type-post style-media-list media col-sm-6 col-md-12">

								<!-- to disable lazy loading, remove data-src and data-src-retina -->
								<img src="../img/placeholder.gif" data-src="../uploads/80x80_3.jpg" data-src-retina="../uploads/160x160_2.jpg" width="80" height="80" class="media-object pull-left" alt="">

								<!--fallback for no javascript browsers-->
								<noscript>
									<img src="../uploads/80x80_3.jpg" alt="">
								</noscript>

								<div class="media-body">
									<h3  class="entry-title">
										<a href="single.html" rel="bookmark">Excepteur sint occaecat cupidatat non proident.</a>
									</h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html">on <time datetime="2013-07-04T23:26:34+00:00">September 20 2013</time></a></span>
										<span class="category">In <a href="blog.html">Technology</a></span>
									</div>
								</div>

							</article>

							<article class="type-post style-media-list media col-sm-6 col-md-12">

								<!-- to disable lazy loading, remove data-src and data-src-retina -->
								<img src="../img/placeholder.gif" data-src="../uploads/80x80_4.jpg" data-src-retina="../uploads/160x160_2.jpg" width="80" height="80" class="media-object pull-left" alt="">

								<!--fallback for no javascript browsers-->
								<noscript>
									<img src="../uploads/80x80_4.jpg" alt="">
								</noscript>

								<div class="media-body">
									<h3  class="entry-title">
										<a href="single.html" rel="bookmark">Ullamco laboris nisi ut aliquip ex ea commodo consequat.</a>
									</h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html">on <time datetime="2013-07-04T23:26:34+00:00">September 20 2013</time></a></span>
										<span class="category">In <a href="blog.html">Technology</a></span>
									</div>
								</div>

							</article>

							<article class="type-post style-media-list media col-sm-6 col-md-12">

								<!-- to disable lazy loading, remove data-src and data-src-retina -->
								<img src="../img/placeholder.gif" data-src="../uploads/80x80_5.jpg" data-src-retina="../uploads/160x160_2.jpg" width="80" height="80" class="media-object pull-left" alt="">

								<!--fallback for no javascript browsers-->
								<noscript>
									<img src="../uploads/80x80_5.jpg" alt="">
								</noscript>

								<div class="media-body">
									<h3  class="entry-title">
										<a href="single.html" rel="bookmark">Duis aute irure dolor in reprehenderit in voluptate velit esse.</a>
									</h3>
									<div class="entry-meta">
										<span class="entry-date"><a href="blog.html">on <time datetime="2013-07-04T23:26:34+00:00">September 20 2013</time></a></span>
										<span class="category">In <a href="blog.html">Technology</a></span>
									</div>
								</div>

							</article>

						</div>

					</aside><!--/.widget-->

					<aside class="widget ad-wrapper">
						<div class="ad-inner">
							<div class="ad ad-300x250">
								<a href="https://wrapbootstrap.com/e" rel="nofollow"><img src="http://placehold.it/336x280" alt="" width="300" height="250"></a>
							</div>

							<!-- alternative: <div class="ad ad-336x280">
								<a href="https://wrapbootstrap.com/e" rel="nofollow"><img src="http://placehold.it/336x280" alt="" width="336" height="280"></a>
							</div> -->
						</div>
					</aside>

					<aside class="widget">

						<h3 class="widget-title ribbon"><span>Latest Discussion</span></h3>

						<ul class="entries">

							<li class="entry style-recent-list type-post">

								<span class="comments-count-balloon">900</span>
								<a href="single.html" rel="bookmark" class="entry-title">Ullamco laboris nisi ut aliquip ex ea commodo consequat.</a>

							</li>

							<li class="entry style-recent-list type-post">

								<span class="comments-count-balloon">860</span>
								<a href="single.html" rel="bookmark" class="entry-title">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</a>
										
							</li>

							<li class="entry style-recent-list type-post">

								<span class="comments-count-balloon">1234</span>
								<a href="single.html" rel="bookmark" class="entry-title">In voluptate velit esse cillum dolore eu fugiat nulla pariatur.</a>
										
							</li>

							<li class="entry style-recent-list type-post">

								<span class="comments-count-balloon">90</span>
								<a href="single.html" rel="bookmark" class="entry-title">Duis aute irure dolor in reprehenderit.</a>
										
							</li>

							<li class="entry style-recent-list type-post">

								<span class="comments-count-balloon">8</span>
								<a href="single.html" rel="bookmark" class="entry-title">Utempor incididunt ut labore et dolore magna aliqua.</a>
										
							</li>

						</ul>

					</aside><!--/.widget-->

					<aside class="widget">

						<h3 class="widget-title ribbon"><span>Special Coverage</span></h3>

						<ul class="entries coverageList aligncenter">
							<li><a href="blog.html">#xPhone launch event</a></li>
							<li><a href="blog.html">#WCDC 2013</a></li>
							<li><a href="blog.html">#Nokiem bought by Macrosoft</a></li>
							<li><a href="blog.html">#Blueberry JUMP 2013</a></li>
							<li><a href="blog.html">#CONFEST 2013</a></li>
							<li><a href="blog.html">#Ullamco laboris nisi ut. </a></li>
							<li><a href="blog.html">#Eliquip ex ea commodo consequat.</a></li>
							<li><a href="blog.html">#Duis aute irure dolor in.</a></li>
							<li><a href="blog.html">#Reprehenderit in voluptate</a></li>
							<li><a href="blog.html">#Velit esse Ullamco laboris.</a></li>
						</ul>

					</aside><!--/.widget-->

					<aside class="widget">

						<h3 class="widget-title ribbon"><span>Tags</span></h3>

						<div class="tagcloud">
							<a href="#">Some</a>
							<a href="#">Tag</a>
							<a href="#">Goes</a>
							<a href="#">Here</a>
							<a href="#">Utempor</a>
							<a href="#">Incididunt</a>
							<a href="#">Labore</a>
							<a href="#">Dolore</a>
							<a href="#">Magna</a>
							<a href="#">Aliqua</a>
							<a href="#">Seddo</a> 
							<a href="#">Siusmod</a>
							<a href="#">Tempor</a>
							<a href="#">Incididunt</a>
							<a href="#">Ut labore</a>
							<a href="#">Et dolore </a>
							<a href="#">Magna </a>
							<a href="#">Aliqua</a>
						</div>

					</aside><!--/.widget-->

				</div><!--/.sidebar col-md-4 col-lg-4 col-xl-3-->

			</div><!--/#content-->
			
		</div><!--#main.container-->

		<footer id="footer" class="footer-area">

			<div class="footer-top container">
	
				<div class="row">

					<div class="widget col-xs-12 col-sm-4">

						<h4 class="widget-title">Categories</h4>

						<ul class="entries links links-2-cols">
							<li><a href="blog.html">Entertainment</a></li>
							<li><a href="blog.html">Event</a></li>
							<li><a href="blog.html">Technology</a></li>
							<li><a href="blog.html">Social Media</a></li>
							<li><a href="blog.html">Tactical</a></li>
							<li><a href="reviews.html">Notebook</a></li>
							<li><a href="reviews.html">Smartphone</a></li>
							<li><a href="reviews.html">Tablet</a></li>
						</ul>

					</div><!--/.col-3-->

					<div class="clearfix visible-xs"></div>

					<div class="widget col-xs-6 col-sm-2">

						<h4 class="widget-title">Information</h4>

						<ul class="entries links links">
							<li><a href="#">About</a></li>
							<li><a href="#">Contact</a></li>
							<li><a href="#">Advertise </a></li>
							<li><a href="#">Terms &amp; Conditions</a></li>
							<li><a href="#">Privacy</a></li>
						</ul>

					</div><!--/.col-3-->

					<div class="widget col-xs-6 col-sm-2">

						<h4 class="widget-title">Follow Us</h4>

						<ul class="entries links">
							<li><a href="blog.html"><i class="icon-facebook-sign icon-2x"></i> Facebook</a></li>
							<li><a href="blog.html"><i class="icon-twitter-sign icon-2x"></i> Twitter</a></li>
							<li><a href="blog.html"><i class="icon-google-plus-sign icon-2x"></i> Google Plus</a></li>
							<li><a href="blog.html"><i class="icon-linkedin-sign icon-2x"></i> Linkedin</a></li>
						</ul>

					</div><!--/.col-3-->

					<div class="clearfix visible-xs"></div>

					<div class="widget col-xs-12 col-sm-4">

						<h4 class="widget-title">Subscribe</h4>

						<form class="form-horizontal" role="form">
							<div class="form-group">
								<label for="subscribeEmail" class="col-lg-2 control-label">EMAIL</label>
								<div class="col-lg-10">
									<input type="text" class="form-control" id="subscribeEmail" placeholder="Your Email">
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-2 control-label">RSS</label>
								<div class="col-lg-10">
									<p class="form-control-static">
										<a href=""><i class="icon-rss-sign"></i> Posts</a> &nbsp; &nbsp;
										<a href=""><i class="icon-rss-sign"></i> Comments</a>
									</p>
								</div>
							</div>
						</form>

					</div><!--/.col-3-->

				</div><!--row.-->

			</div>

			<div class="footer-bottom">

				<div class="container aligncenter">

					<p>&copy;2013 by <a href="http://coolorize.com">Coolorize Network</a>. All Right Reserved. <p>

				</div>

			</div>

		</footer>
		
		<script src="../vendor/jquery-1.10.1.min.js"></script>
		<!--
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
		<script>window.jQuery || document.write('<script src="../vendor/jquery-1.10.1.min.js"><\/script>')</script>
	-->

		<script src="../vendor/bootstrap/js/bootstrap.min.js"></script>

		<script src="../vendor/prettyPhoto/jquery.prettyPhoto.js"></script>


		<script src="../vendor/jquery.unveil.min.js"></script>
		
		<script src="../js/main.js"></script>

	</body>
</html>